<template>
  <v-card class="ml-0" shaped width="325px">
    <v-card-title class="title-container">
      <v-row align="center">
        <v-icon class="mr-2" color="primary" size="20">mdi-newspaper</v-icon>
        <span class="title-text">新闻圈</span>
      </v-row>
    </v-card-title>
    <v-card-text class="card-content">
      <p class="content-text">您想知道的都在这~~</p>
    </v-card-text>
  </v-card>
</template>

<style>
.title-container {
  padding-left: 15px; /* 添加标题左侧的 padding */
  margin-top: 15px; /* 调整标题容器与卡片顶部的距离 */
}

.title-text {
  font-size: 24px; /* 标题文本的字体大小 */
  color: black; /* 标题文本的颜色 */
  font-weight: bold; /* 标题文本的粗细 */
}

.card-content {
  padding: 15px; /* 调整文本与标题之间的间距 */
  text-align: left; /* 文本左对齐 */
}

.content-text {
  margin-top: 10px; /* 增加内容与标题之间的间距 */
}
</style>
